@import "nav_common.less";
@import "common.less";

.mmm_view {
    .coudan_box {
        .list_title {
            display: flex;
            border-bottom: 1px solid #eee;
            .cd_left {
                flex: 1;
                .cd_list {
                    position: relative;
                    li {
                        position: relative;
                        float: left;
                        width: 33%;
                        height: 40px;
                        line-height: 40px;
                        font-size: 16px;
                        background-color: #fff;
                        text-align: center;
                        a {
                            color: #333;
                        }
                        i {
                            font-size: 16px;
                        }
                        .mui-collapse-content {
                            width: 414px;
                            display: none;
                            position: absolute;
                            top: 40px;
                            left: 0;
                            margin: 0;
                        }
                        &.mui-active {
                            margin-top: 0;
                        }
                    }
                }
            }
            .cd_right {
                span {
                    display: block;
                    width: 45px;
                    background-color: #fff;
                    text-align: center;
                    line-height: 40px;
                }
            }
        }
        .list_content {
            position: absolute;
            width: 100%;
            ul {
                display: none;
                li {
                    position: relative;
                    width: 100%;
                    padding: 0 10px;
                    height: 40px;
                    line-height: 40px;
                    font-size: 16px;
                    border-bottom: 1px solid #eee;
                    background-color: #fff;
                    a {
                       color: #333;
                       &:before {
                        position: absolute;
                        top: 10px;
                        right: 20px;
                        font-size: 20px;
                        color: orange;
                    }
                    }
                    
                }
            }
        }
    }
    .mmm_product {
        ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-left: 10px;
            li {
                width: 47%;
                background-color: #fff;
                margin-right: 10px;
                margin-top: 10px;
                a {
                    img {
                        width: 100%;
                    }
                    .pro_title {
                        color: #333;
                        text-indent: 5px;
                        height: 18px;
                        overflow: hidden;
                    }
                    .pro_price {
                        text-indent: 5px;
                        color: #f97338;
                        span {
                            font-size: 20px;
                        }
                    }
                }
            }
        }
    }
}

.toggle_active {
    display: block !important;
}



